<template>
    <fieldset>
        <legend>Parent</legend>
        <h1>父组件</h1>
        <!-- <input type="text"> -->
        <!-- 展示组件传递的结构 -->

        <div class="memo">
            <fieldset>
                <legend>内存</legend>
                <slot name="memo"></slot>
            </fieldset>
        </div>
        <div class="cpu">
            <fieldset>
                <legend>cpu</legend>
                <slot name="cpu"></slot>
            </fieldset>
        </div>
        <div class="display-card">
            <fieldset>
                <legend>显卡</legend>
                <slot :d="arr" name="display-card">
                    <!-- slot默认参数 -->
                    <h1> 默认显卡:集成显卡</h1>
                </slot>
            </fieldset>
        </div>
        <div class="disk">
            <fieldset>
                <legend> 硬盘存储</legend>
                <slot :e="arr" name="disk"></slot>
            </fieldset>
        </div>
        <!-- 非具名部分 -->
        <slot :abc="msg"></slot>
    </fieldset>
</template>
<script>
export default {
    data() {
        return {
            msg: "非具名作用域数据",
            arr: ['hdmi输出', 'vag输出', 'dvi', '.avi']
        }
    }
}
</script>